const CracoLessPlugin = require("craco-less");
const CracoAliasPlugin = require("craco-alias");
const Dotenv = require('dotenv-webpack');

module.exports = {
  plugins: [
    {
      plugin: Dotenv,
      // 动态加载 .env 文件
      options: {
        path: `.env.${process.env.REACT_APP_ENV}`, // 根据 process.env.NODE_ENV 动态加载 .env 文件
      },
    },
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: { "@primary-color": "#1DA57A" }, // 自定义Ant Design主题变量，可选
            javascriptEnabled: true,
          },
        },
      },
    },
    {
      plugin: CracoAliasPlugin,
      options: {
        aliases: {
          "@": "src",
        },
      },
    },
  ],
  style: {
    modules: true,
    // 其他样式配置，比如postcss等...
  },
};
